<!-- <div class="modal image-modal transparent" on-swipe-down="closeModal()"> -->
<div class="modal image-modal transparent">
  <ion-slide-box on-slide-changed="slideChanged(index)" active-slide="activeSlide" class="slider-gallery">
    <ion-slide ng-repeat="image in allImages">
 
      <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false"
      zooming="true" min-zoom="{{zoomMin}}" style="width: 100%; height: 100%" delegate-handle="scrollHandle{{$index}}" on-scroll="updateSlideStatus(activeSlide)" on-release="updateSlideStatus(activeSlide)" overflow-scroll="false">
 
      <div class="image" style="background-image: url( {{image.src}} )">
      	
      </div>
      
    </ion-scroll>

  </ion-slide>
</ion-slide-box>
<span class="imageclose" ng-click="closeModal()"><i class="icon ion-close-circled light"></i>
</span>
</div>

